<template>
  <div class="xiangqing">
    <div class="content">
      <h3>
        首页 - 关于我们 - 众信动态 -众信旅游集团打造一站共享式休闲度假综合体
        优沃得世界主题亲子农场撬动百亿亲子游市场
      </h3>
      <div class="artic">
        <h1>
          众信旅游集团打造一站共享式休闲度假综合体
          优沃得世界主题亲子农场撬动百亿亲子游市场
        </h1>
        <div class="zhushi">
          <span>时间：2022-07-19</span>
          <span>文章出处：众信旅游</span>
          <span>编辑：李梦然</span>
        </div>
        <div class="jieshao">
          <p>
            近日，由众信旅游集团倾力打造的一站共享式休闲度假综合体---优沃得世界主题亲子自然教育农场将于2022年7月23日盛大开业。
          </p>
          <img src="/img_about/xq1.jpg" alt="" />
        </div>
        <div class="foot">
          *本站部分内容转载自网络，如侵犯了您的权益，请与我们联系，我们会及时处理。
        </div>
        <div class="left-border"></div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.xiangqing {
  padding-bottom: 50px;
  h3 {
    margin: 0 auto;
    font-size: 12px;
    color: #999;
    padding: 20px 0;
    font-weight: 400;
  }
}
p {
  margin: 0;
  padding: 0;
}

.xiangqing {
  background-color: #f7f7f7;
}
.left-border {
  width: 4px;
  background: #fbb957;
  height: 50px;
  position: absolute;
  left: 0;
  top: 50px;
  border-radius: 2px;
}
.content {
  width: 1140px;
  margin: 0 auto;
  > .artic {
    background-color: white;
    padding: 60px 50px 30px;
    border-radius: 20px;
    position: relative;
    > h1 {
      margin: 0;
      padding: 0;
      font-size: 24px;
      text-align: center;
      font-weight: 400;
    }
  }
}
.zhushi {
  margin: 20px 0;
  text-align: center;
  > span {
    margin-right: 10px;
    font-size: 12px;
    color: #999;
  }
}
.jieshao {
  font-size: 14px;
  line-height: 23px;
  min-height: 400px;
  > p {
    text-indent: 2em;
    margin-bottom: 10px;
    // text-align: left;
  }
  > img {
    display: block;
    margin: 40px auto;
  }
}
.foot {
  font-size: 12px;
  color: #999;
  border-top: 1px dotted #ccc;
  padding-top: 20px;
  margin-top: 70px;
}
</style>
